﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>大山云南山泉官网</title>
    <script type="text/javascript" src="/js/jquery.min.js"></script>   
    <link href="/css/m_main.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="windows-Target" contect="_top">
</head>
<body>
    <div id="firstDiv" style="position: relative; opacity: 0;">
        <div id="top" style="width: 100%">
            <img src="/img/top.jpg" width="100%" alt="" />
            <div class="logo" style="position: absolute; left:2%; top: 0px;width: 24%; height: 3.5rem;" onclick="javascript:window.location.href='index.aspx'"></div>
            <div class="tel"  style="position: absolute; left:42%; top: 0px;"></div>
            <div id="btnBox" style="position: absolute; right: 0px; top: 0px;">
            </div>
        </div>
        <div class="content">
            <div class="nav">当前位置：首页 > 新闻中心 > <span class="fontcolor">产品动态</span></div>
            <div class="com_content">
                <h3><img src="/img/com_iocn12.png" width="5%" /> 新闻中心</h3>
                <div class="newsmenu">
                    <ul>
                        <li>
                            <img src="/img/news_bj.png" width="100%" alt="" />
                            <div style="position:relative;"><a href="news.aspx" style="color:#888;">公司动态</a></div>
                         </li>
                        <li>
                            <img src="/img/news_bjact.png" width="100%" alt="" />
                            <div  style="position:relative;">产品动态</div>
                        </li>
                        <li>
                            <img src="/img/news_bj.png" width="100%" alt="" />
                            <div  style="position:relative;"><a href="economy.aspx" style="color:#888;">行业动态</a></div>
                        </li>
                        <li>
                            <img src="/img/news_bj.png" width="100%" alt="" />
                            <div  style="position:relative;"><a href="videolist.aspx" style="color:#888;">最新视频</a></div>
                        </li>
                    </ul>
                </div>
                <div class="clear"></div>
                <div class="newscon">
                    <ul>
                         <li><p class="newspic"><a href="M_shownews_20.html"><img src="/upfiles/res/20170801153117283280354.png"  width="100%"  alt="asdf" /></a></p><p style="margin-bottom:.5rem;height:2rem;overflow: hidden;"><a href="M_shownews_20.html">asdf</a></p></li><li><p class="newspic"><a href="http://www.meishichina.com/News/HangYe/201002/77472.shtml" ><img src="/upfiles/res/2016063014332105824557.jpg"  width="100%" alt="雀巢控股云南大山 加速布局华南“水”市场" /></a></p><p style="margin-bottom:.5rem;height:2rem;overflow: hidden;"><a href="http://www.meishichina.com/News/HangYe/201002/77472.shtml" target=_blank>雀巢控股云南大山 加速布局华南“水”市场</a></p></li>                       
                    </ul>
              </div>
              <div class="clear"></div>
              <div class="newspage"><span><img src="/images/pagepre.jpg" alt="" /></span><span style="padding-left:20px;"><img src="/images/pagenext.jpg" alt="" /></span></div>
              <br />
            </div>
        </div>
        <div id="bottom" style="text-align: center; color: #6a6a6a;">
               Copyright ©2016 云南大山饮品有限公司, All Rights Reserved | 滇ICP备07002438号
        </div>
        <!--menu start-->
        <div class="navBox"></div>
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="company.aspx">关于大山</a></div>
            <div class="newgray"><a href="process.aspx">大山历程</a></div>
            <div class="newgray"><a href="honor.aspx">企业荣誉</a></div>
            <div class="newgray"><a href="base.aspx">生产基地</a></div>   
            <div class="newgray"><a href="service.aspx">大山公益</a></div>         
        </div>
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="news.aspx">公司动态</a></div>
            <div class="newgray"><a href="pronews.aspx">产品动态</a></div>
            <div class="newgray"><a href="economy.aspx">行业动态</a></div>
            <div class="newgray"><a href="videolist.aspx">最新视频</a></div>   
        </div>
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="prolist2.aspx">桶装水</a></div>
            <div class="newgray"><a href="prolist1.aspx">瓶装水</a></div>                        
        </div>        
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="join.aspx">诚邀加盟</a></div>
            <div class="newgray"><a href="jobshow.aspx">人才招聘</a></div>                        
        </div>        
        <div class="navAll">            
            <div class="newgray" style="margin-top:15%;"><a href="index.aspx" style="color:#fff">首　页</a></div>
            <div class="newgray showTwoBtn"><a value="0" href="javascript:;"><&nbsp;公司简介</a></div>
            <div class="newgray showTwoBtn"><a value="1" href="javascript:;"><&nbsp;新闻中心</a></div>
            <div class="newgray showTwoBtn"><a value="2" href="prolist.aspx" ><&nbsp;产品展示</a></div>
            <div class="newgray"><a href="showwrite.aspx">客户留言</a></div>
            <div class="newgray showTwoBtn"><a value="3" href="javascript:;"><&nbsp;加入大山</a></div>
            <div class="newgray"><a href="about.aspx">联系我们</a></div>         
        </div>
        <!--menu end-->
    </div>
</body>
</html>
<script type="text/javascript">
var pingKuan;
var biLi;
function setPosition() {
    pingKuan = $("#firstDiv").width();
    biLi = pingKuan / 640;
    $(".tel").css({
        "width": biLi * 260+ "px",
        "height":biLi*93+"px",
    })
    $(".newscon").css({       
        "margin-top":biLi*20+"px",       
    })
    $(".newspage").css({   
        "margin-top":biLi*30+"px",      
        "height":biLi*80+"px",       
    })
    $(".newscon ul li").css({       
        "margin-top":biLi*10+"px",      
        "line-height":biLi*26+"px",
        "font-size":biLi*22+"px"
    })
    $(".newspic").css({
        "padding":biLi*10+"px",        
    })
    $(".newsmenu").css({
        "margin-top":biLi*30+"px"
    })
    $(".newsmenu li div").css({
        "top":-biLi*48+"px",
        "font-size":biLi*24+"px"
    })
    $(".newsmenu li div").eq(1).css({
        "top":-biLi*55+"px",
        "font-size":biLi*24+"px"
    })
    $(".newsmenu li").css({
        "width":biLi*130+"px",
        "height":biLi*61+"px",
         "color":"#888888",
        "font-size":biLi*24+"px"
    })
    $(".newsmenu li").eq(1).css({
        "width":biLi*160+"px",
        "height":biLi*69+"px",
        "color":"#fff"       
    })
    $(".nav").css({
       "height":biLi*60+"px",
       "line-height":biLi*60+"px",
       "font-size":biLi*18+"px"
    })
    $(".nav img").css({
       "margin-top":biLi*20+"px",
    })
    $("h3").css({
       "font-size":biLi*26+"px",
       "line-height":biLi*40+"px"     
    })
    $("h3 img").css({
       "margin-top":biLi*8+"px",
    })
    $("#btnBox").css({
        "width": biLi * 93+ "px",
        "height":biLi*93+"px",
    })    
   $(".navBox,.navTwoBtn,.navAll").css({
       "top":biLi*100+"px"
    })   
    $(".newgray").css({
       "height":biLi*80+"px",
       "line-height":biLi*80+"px",
       "font-size":biLi*30+"px"         
    })
    $("#bottom").css({
       "font-size": biLi * 16 + "px",
       "margin-top": biLi * 14 + "px",  
       "line-height": biLi * 60 + "px",
       "height":biLi*80+ "px" 
    })   
    $("#firstDiv").css({
        "opacity": "1"
    })   
}
window.onload = function () {
    setTimeout(function () {
        setPosition();       
    }, 100);     
}
var od = "touchstart" in window ? "touchstart" : "click";
 $(".tel").bind(od,function(){
    window.location.href="tel:087196133";
 })
 $("#btnBox").bind(od, function () {
	$(document).on("touchmove", function (ev) {
		ev.preventDefault();
	});	 
	$(".navBox").show().animate({ opacity: 1 });
	$(".navAll").addClass('move')
	return false;
});
 $(".showTwoBtn").bind("click", function () {
	var index = $(this).find("a").attr("value");  
    $(".showTwoBtn").css("background","#007dc6");	
	$(this).css("background", "#00629b");
	$(".navTwoBtn").hide();
	$(".navTwoBtn").eq(index).css({ "right": "-40%", "opacity": "1" });
	$(".navTwoBtn").eq(index).show().animate({ right: "40%" });
	return false;
});
$(".navTwoBtn").bind(od, hideFn);
$(".navBox").bind(od, hideFn);
$(".navAll").bind(od, clickhideFn);
function hideFn(){
	clickhideFn();	
	$(document).off("touchmove");	
}
function clickhideFn(){
	$(".navAll,.navTwoBtn").removeClass('move');
	$(".navTwoBtn").hide()
	$(".navBox").animate({opacity:0},function(){
		$(this).hide()
	})
	$(document).off("touchmove");
}
</script>
<script>
    (function (window) { // Prevent Cross-Frame Scripting attacks
        if (window.location !== window.top.location)
            window.top.location = window.location;
    })(this);
    if (this.top.location !== this.location && (this.top.location = this.location)) {
        window.top.location = window.location;
    }
</script>
<style>  
        html { visibility:hidden; }  
</style>  
<script>
    if (self == top) {
        document.documentElement.style.visibility = 'visible';
    } else {
        top.location = self.location;
    }  
</script>